.title-status {
  position: relative;
  margin: 4px 0 0 4px;
  padding: 4px 8px;
  // box-sizing: border-box;
  min-width: 30px;
  line-height: 10px;
  height: 10px;
  border-radius: 18px;
  // border: 1px solid @border-light;
  overflow: hidden;
  text-align: center;
  font-size: 10px;
  &.cancel {
    .status-icon-gray();
    &:after {
      .status-icon-gray();
      background-color: rgba(255, 255, 255, 0);
    }
  }
  &.success {
    .status-icon-green();
    &:after {
      .status-icon-green();
      background-color: rgba(255, 255, 255, 0);
    }
  }
  &:after {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    border-radius: 36px;
    box-sizing: border-box;
    width: 200%;
    height: 200%;
    transform: scale(.5);
    transform-origin: left top;
    border: 1px solid #2779ff;
  }
}
// @media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 2dppx) {
//   .title-status {
//     // margin: 8px 0 0 8px;
//     padding: 8px 16px;
//     // box-sizing: border-box;
//     min-width: 60px;
//     line-height: 20px;
//     height: 20px;
//     border-radius: 36px;
//     border: 1px solid @border-light;
//     overflow: hidden;
//     text-align: center;
//     font-size: 20px;
//     // transform-origin: 0 0;
//     transform: scale(.5);
//   }
// }